{include file="index@public/header" /}
<style>
body {
  background: #e1e0de;
}
* {
  box-sizing: border-box;
}
h1,
h2,
h3,
h4 {
  font-weight: 700 !important;
}
.layui-card-header {
  width: 100%;
  border-bottom: 1px solid #999 !important;
}
.layui-card {
  padding: 10px 20px 50px;
  margin-bottom: -16px !important;
}
p {
  margin: 0 0 10px !important;
}
.layui-container {
  padding: 0 !important;
}
img {
  max-width: 100%;
}
::-moz-selection {
  background: #cccccc;
  color: #ffffff;
}
::selection {
  background: #cccccc;
  color: #ffffff;
}
.layui-breadcrumb {
  padding-left: 15px;
}
.layui-card h1 {
  margin: 10px auto 0;
}
.description {
  font-size: 15px;
  font-weight: bold;
  margin: 20px 0;
}
.body-buttom-left{ padding-right: 5px;padding-left: 5px;}
.body-buttom-right{ padding-right: 5px;padding-left: 5px;}
.layui-textarea {
  resize: none !important;
}

@media screen and (max-width: 800px) {
  .layui-card-header {
    line-height: normal !important;
    font-size: 10px !important;
  }
}

        .bearing-pdf {
            position: absolute;
            right: 8px;
            top: -10px;
            color: #cbcbcb;
            background: url(/static/uploads/2018/07/printer.png) no-repeat left center;
            padding-left: 20px;
            cursor: pointer;
        }

        #magnifier{margin-top:10px;position: relative;}
        #magnifier img{width: 100%;}
        #movescre{position:absolute;display:none;width:20%;height:30%;border:1px solid #ccc;background: #ffffcc;opacity: 0.5;filter: alpha(opacity=50);z-index: 10;cursor:pointer;}
        #magnifier_show{position:absolute;overflow:hidden;display:none;border:1px solid black;width:100%;max-width:312px;height:372px;margin-top:10px;z-index: 100}
        #magnifier_show img{position:absolute;top:0;left:0;min-width:1200px}

        tr {
            border-bottom: 1px solid #ccc;
            color:#333;
        }
        tr:hover{background-color: #36648A;color:#ffffff}
        td {
            font: 12px/14px arial,helvetica,sans-serif;
            padding: 2px 5px 2px 0px;

        }
       
		/* 验证码 */
		.verification-code{
			/* background-color: red; */
			width: 100%;
			height: 2rem;
			display: flex;
			justify-content: space-between;
			align-items: center;
      position: relative;
		}
		.verification-code-img{
			width: 39%;
			height: 2rem;
			background-color: lightblue;
      cursor: pointer;
		}
    .verification-code-img img{
       height: 2rem;
       width: 100%;
    }
		.verification-code-input{
			width: 58%;
			height: 2rem;
			border-radius: 2px;
			padding:6px 10px;
		}
    </style>
	
	<!-- 详情页移动适配 -->
		<style type="text/css">
			.firstbreadcrumbT{
				display: none;
			}
			@media screen and (max-width: 760px){
				.form{
					display: none;
				}
				.card-box{
					padding: 10px 0px 50px;
				}
				.layui-card-header{
					border-bottom: none !important;
					height: 25px;
					width: 65%;
					margin-bottom: 1rem;
				}
				.detail-img-box{
					position: absolute;
					top: -4.1rem;
					right: 1rem;
					width: 25%;
	
				}
				.detail-img-box>div{
					display: none;
				}
				.firstbreadcrumb{
					display: none !important;
				}
				.firstbreadcrumbT{
					display: block;
				    padding: 0 0 0 15px;
					color: #36648A ;
				}
				.secondbreadcrumb{
					display: none;
				}
				.card-box tr>td:nth-child(2){
					padding: 2px 5px 2px 15px;
				}
				.card-box table{
					width: 100%;
				}
				
			}
		</style>
	
	
 <div class="layui-container" style="width: 100%;font: 12px/14px arial,helvetica,sans-serif;">
        <div class="layui-card card-box">
         
            <div class='firstbreadcrumb' style='display: inline-block;'>
				<span class="layui-breadcrumb" lay-separator="/">
      <a href="/" style="font: 12px/14px arial,helvetica,sans-serif;">{:lang('Home')}</a>
      {foreach $crumbs as $k=>$v }
      <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['alias_name']}</a>
      {/foreach}
    </span>
            </div>
			<div class="firstbreadcrumbT">  		<!-- 新加内容 -->
				<a href="/product/ceramic-bearings/ceramic-components/" style='font: 12px/14px arial,helvetica,sans-serif;'>{:lang('Ceramic Components')}</a>
			</div>
            <div class="layui-card-header">
                <h1>{:lang('Ceramic Zirconia Bushes And Sleeves')}</h1>
            </div>

            <div class="layui-card-body">
                <div class="layui-row">
                    <div class="layui-col-md4">
                        <div class="layui-col-md3 detail-img-box" style='text-align: center;'>
                            <img src="{:Config::get('app.images_host')}/images/web/ceramic_13.jpg" style='padding:10px;width:80%'/>
                            <div style="font: 12px/14px arial,helvetica,sans-serif;">
                              <div style="margin: 5px 0px;font-size:0.9em">Price <span style="margin-left:5px;color:#19792f">Not yet</span></div>
                            </div>
                        </div>
                        <div class="layui-col-md9">
                          <table style='width:100%'>
                            <tbody>
                                  <tr>
                                    <td colspan="3"><strong>{:lang('TECHNICAL SPECS')}</strong></td>
                                  </tr>
                                                                    <tr>
                                    <td width="50%" colspan="2">{:lang('Material')}</td>
                                    <td width="50%">{:lang('Zirconium Oxide')} (ZRO2)</td>
                                  </tr>
                                                                                                      <tr>
                                    <td colspan="2">{:lang('Color')}</td>
                                    <td>{:lang('White')}</td>
                                  </tr>
                                  
                                                                    <tr>
                                    <td colspan="2">{:lang('Size')}</td>
                                    <td>35x52x40mm</td>
                                  </tr>
                                  <tr>
                                    <td colspan="2">{:lang('Accuracy')}</td>
                                    <td>0.008mm</td>
                                  </tr>
                                                                   <tr>
                                    <td colspan="2">{:lang('Maximum Temperature')}</td>
                                    <td>400℃(752F）</td>
                                  </tr>
                                  <tr>
                                                                        <td colspan="2">{:lang('Circular Runout')}</td>
                                                                        <td>12um</td>
                                  </tr>
                                  <tr>
                                    <td colspan="2">{:lang('Perpendicularity')}</td>
                                    <td>12um</td>
                                  </tr>
                                  <tr>
                                                                        <td colspan="2">{:lang('Circularity')}</td>
                                                                        <td>10um</td>
                                  </tr>
                                  <tr>
                                    <td colspan="2">{:lang('Parallelism')}</td>
                                    <td>12um</td>
                                  </tr>
                                  <tr>
                                    <td colspan="2">{:lang('Applications')}</td>
                                    <td>{:lang('Chemicals, aerospace, medicine, environmental protection equipment, electronics industry. The protective device of the device is more wear resistant, insulated and has a longer life')}</td>
                                  </tr>
                                  <tr>
                                    <td colspan="2">{:lang('RoHS')}</td>
                                    <td>{:lang('Compliant')}</td>
                                  </tr>
                                                                        <tr>
                                        <td colspan="3"><strong>{:lang('MATERIAL PROPERTIES')}</strong></td>
                                      </tr>
                                      <tr>
                                          <td rowspan="6">{:lang('Ingredients')}</td>
                                          <td>Y2O3</td>
                                          <td>5.21%</td>
                                      </tr>
                                      <tr>
                                          <td>FeO<sub>3</sub></td>
                                          <td>&lt;0.001%</td>
                                      </tr>
                                      <tr>
                                          <td>Na<sub>2</sub>O</td>
                                          <td>&lt;0.001%</td>
                                      </tr>
                                      <tr>
                                          <td>SiO<sub>2</sub></td>
                                          <td>&lt;0.001%</td>
                                      </tr>
                                      <tr>
                                          <td>TiO<sub>2</sub></td>
                                          <td>&lt;0.001%</td>
                                      </tr>
                                      <tr>
                                          <td>ZrO2</td>
                                          <td>&gt;94%</td>
                                      </tr>
                                      <tr>
                                        <td colspan="2">{:lang('Density')}(g/cm3)</td>
                                        <td>≥6.0</td>
                                      </tr>
                                      <tr>
                                        <td colspan="2">{:lang('Hardness')}(Kg/mm2)</td>
                                        <td>1100～1300</td>
                                      </tr>
                                      <tr>
                                        <td colspan="2">{:lang('Bending strength')}(Mpa)</td>
                                        <td>&gt;950</td>
                                      </tr>
                                      <tr>
                                        <td colspan="2">{:lang('Fracture toughness')}(Mpa.m-3/2)</td>
                                        <td>8.0～10.0</td>
                                      </tr>
                                      <tr>
                                        <td colspan="2">{:lang('Elastic Modulus')}(Gpa)</td>
                                        <td>210</td>
                                      </tr>
                                                                  </tbody>
                          </table>
                        </div>
                    </div>
                    <div class="layui-col-md5">
                        
                        <div id='magnifier' >
                               <img src="{:Config::get('app.images_host')}/images/web/Ceramic-Zirconia-Bushes-And-Sleeves.jpg">
                        </div>
                    </div>
                    {include file="index@public/form" /} 
                </div>
            </div>
        </div>
    </div>
</body>

</html>
{include file="index@public/footer" /} 
<script type="text/javascript">
    var Product_Number ="Ceramic Zirconia Bushes And Sleeves";
    var lasturl=<?php if(isset($_SERVER['HTTP_REFERER'])){ echo "'".$_SERVER['HTTP_REFERER']."'";}else{echo "'"."'";}?>;/*上一个页面的url 不能在ajax里面书写这样就多了一层页面关系*/
    var nowurl=window.location.href;/*当前页面url*/
    var posturl="{:url('index/Index/send_inquiry')}";
</script>
<script src="/static/js/form.js?v={:time()}" charset="utf-8"></script>

